<ui:component xmlns="http://www.w3.org/1999/xhtml"  
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.prime.com.tr/ui"> 
    

 <h:form id="form">
<p:panel header="Cadastro de Curso">

	  <h:panelGrid columns="2" cellpadding="2" >
	  
	   		<h:outputText for="nome" value="Nome"/>  
	   		<p:inputText 
                     	id="nome" 
                     	required="true" 
                     	label="Nome" 
                     	size="30" 
                        value="#{cursoBean.curso.nome}" />
                        
            <h:outputText for="habilitacao" value="Habilitação"/>         
            <p:selectOneMenu value="#{cursoBean.curso.habilitacao}" >  
                         <f:selectItem itemLabel="Selecionar" itemValue="" />  
           				 <f:selectItem itemLabel="Licenciatura" itemValue="Licenciatura" />  
                         <f:selectItem itemLabel="Bacharelado" itemValue="Bacharelado" />  
                         <f:selectItem itemLabel="Formação" itemValue="Formação" />  
              </p:selectOneMenu>  
              
			<h:outputText for="turno" value="Turno"/> 
			<p:inputText 
                     	id="turno" 
                     	required="true" 
                     	label="Turno" 
                     	size="10" 
                        value="#{cursoBean.curso.turno}" /> 
                        
			<h:outputText for="dataCriacao" value="Data da Criação"/>  
			<p:calendar id="dataCriacao" 
           				value="#{cursoBean.curso.dataCriacao}" 
           				mode="popup" 
           				locale="pt_BR"
           				label="Data da Criação"
           				autocomplete="true"
           				size="10"
           				effect="drop"
           				pattern="dd/MM/yyyy" 
           				navigator="true"
           				required="true" converter="primefacesCalendarConverter"/>
           				      
            <h:outputText for="modalidade" value="Modalidade"/> 
			<p:inputText 
                     	id="modalidade" 
                     	required="true" 
                     	label="Modalidade" 
                     	size="15" 
                        value="#{cursoBean.curso.modalidade}" /> 
                        
            <h:outputText for="sede" value="Sede"/>
            <p:inputText 
                     	id="sede" 
                     	required="true" 
                     	label="Sede" 
                     	size="20" 
                        value="#{cursoBean.curso.sede}" /> 
                        
			<h:outputText for="coordenador" value="Coordenador"/> 
			<p:inputText 
                     	id="coordenador" 
                     	required="true" 
                     	label="Coordenador" 
                     	size="40" 
                        value="#{cursoBean.curso.coordenador}" /> 
      
       </h:panelGrid>
       
       <h:panelGrid columns="2" cellpadding="2" >
        	<p:commandButton value="Cadastrar" image="ui-icon ui-icon-plus"
                             actionListener="#{cursoBean.cadastrarCurso}" update="cursos"/>  
			
			<p:commandButton value="Limpar" image="ui-icon ui-icon-cancel" type="reset"/>  
	   </h:panelGrid>
	   
    </p:panel>

<p:separator/>
<p:growl id="messages"/>  
<p:separator/>

<p:dataTable 
 		id="cursos" 
 		value="#{cursoBean.cursosCadas}" 	
 		var="curso" 
 		emptyMessage="Não há cursos cadastrados" 
 		paginator="true" 
 		rows="10"
        dynamic ="true" 
        >  
  
  		<f:facet name="header">  
                <h:outputText value="Lista de Cursos"/>  
            </f:facet>
       
       
    <p:column headerText="Nome">  
       <center>
               <h:outputText value="#{curso.nome}" style="width:150px"/>  
          </center>
       
   </p:column>  
  
  <p:column headerText="Habilitação" filterBy="#{curso.habilitacao}" style="width:10%">  
      
               		<center>
                    	<h:outputText value="#{curso.habilitacao}" />  
                	</center>
              
   </p:column> 
   
    <p:column headerText="Turno"  style="width:10%" sortBy="#{curso.turno}" filterBy="#{curso.turno}" >  
       
               		<center>
                    	<h:outputText value="#{curso.turno}" />  
                	</center>
               
   </p:column> 
   
   
    <p:column headerText="Criado em" style="width:12%">  
       
               		<center>
               		<h:outputText value="#{curso.dataCriacao.time}" > 
            			<f:convertDateTime  pattern="dd/MM/yyyy"/>
            		</h:outputText>
                   	</center>
               
   </p:column> 
   
   <p:column headerText="Modalidade" filterBy="#{curso.modalidade}" style="width:10%">  
      
               		<center>
                    	<h:outputText value="#{curso.modalidade}" />  
                	</center>
              
   </p:column> 
   
   <p:column headerText="Sede"  style="width:10%">  
      
               		<center>
                    	<h:outputText value="#{curso.sede}" />  
                	</center>
              
   </p:column> 
   
   <p:column headerText="Coordenador"  style="width:10%">  
      
               		<center>
                    	<h:outputText value="#{curso.coordenador}" />  
                	</center>
              
   </p:column> 
  	          
    </p:dataTable>  

    <p:confirmDialog message="Tem certeza que deseja apagar este  curso?" width="300"  
                    showEffect="explode" hideEffect="explode"  
                    header="Confirmação" severity="alert" widgetVar="confirmacao">  
  
        <p:commandButton value="Sim" update="cursos" actionListener="#{cursoBean.removerCurso}" oncomplete="confirmacao.hide()"/>  
        <p:commandButton value="Não" onclick="confirmacao.hide()" type="button" />  
  
    </p:confirmDialog>  
   
  </h:form> 


 
</ui:component>